var pagerUsuario = new Ext.PagingToolbar({
  store: usuarios, // <--grid and PagingToolbar using same store
  displayInfo: true,
  displayMsg: '{0} - {1} of {2} Usuarios',
  emptyMsg: 'No hay registros',
  pageSize: 5
});

var gridUsuario = new Ext.grid.GridPanel({
  title: 'Usuarios',
  store: usuarios,
  // renderTo:'frame',
  columns: [
  new Ext.grid.RowNumberer(),//coloca el numero a la grilla
  //mySeleccion,
      {header: "Login", height:100,width: 155, sortable: true, dataIndex: 'usu_loginusuario'},
      {id:'nombre', header:"Nombre", height:100,width: 155, sortable: true, dataIndex:'nombre'},
      {header: "Apellido", height:100,width: 155, sortable: true, dataIndex: 'apellido'},
      {header: "Tipo Usuario",height:100, width: 100, sortable: true, dataIndex: 'usu_tipousuario'}
      ],
    tbar: [
    {
      text: 'Eliminar',
      iconCls: 'silk-delete',
      handler: onDeleteUsuario
    }],	
  bbar: pagerUsuario,//sm: mySeleccion,
  stripeRows: true,
  height:450,
  width:445
});

gridUsuario.on('rowdblclick',this.editarUsuario);

var pagerMaterial = new Ext.PagingToolbar({
  store: material, // <--grid and PagingToolbar using same store
  displayInfo: true,
  displayMsg: '{0} - {1} of {2} Usuarios',
  emptyMsg: 'No hay registros',
  pageSize: 5
})


var gridMaterial = new Ext.grid.GridPanel({
  title: 'Material',
  store: material,
  //renderTo:'frame',
  columns:[
  new Ext.grid.RowNumberer(),//coloca el numero a la grilla
  //mySeleccion,
    {id:'material', header:"Material", whidth:160, sortable:true, dataIndex:'mat_nombrematerial'},
    {header: "Ruta", width: 75, sortable: true, dataIndex: 'mat_ruta'},
    {header: "Descripcion", width: 75, sortable: true, dataIndex: 'mat_descripcionmaterial'},
    {header: "Fase", width: 75, sortable: true, dataIndex: 'fase_combo'},
    {header: "Artefacto", width: 75, sortable: true, dataIndex: 'artefacto_combo'},
    {header: "Actividad", width: 75, sortable: true, dataIndex: 'actividad_combo'}
  ],
  tbar: [
  {
    text: 'Agregar',
    iconCls: 'silk-add'
  }, '-', 
  {
    text: 'Eliminar',
    iconCls: 'silk-delete'
    // handler: onDelete
  },'-', 
  {
    text: 'Actualizar',
    iconCls: 'silk-delete'
    // handler: onDelete
  }, '-'],
  bbar: pagerMaterial,
  //sm: mySeleccion,
  stripeRows: true,
  height: 250,
  width:550  
});

gridMaterial.on('rowdblclick',this.editarMaterial);


var pagerFases = new Ext.PagingToolbar({
  store: fase, // <--grid and PagingToolbar using same store
  displayInfo: true,
  displayMsg: '{0} - {1} of {2} Usuarios',
  emptyMsg: 'No hay registros',
  pageSize: 5
})
// metodologia
//Grilla para Fases

var gridFases = new Ext.grid.GridPanel({
  title: 'Fases',
  store: fase,
  //renderTo:'frame',
  columns:[
  new Ext.grid.RowNumberer(),//coloca el numero a la grilla
  //mySeleccion,
    {id:'nombre', header:"nombre", whidth:160, sortable:true, dataIndex:'fas_nombrefase'},
    {header: "Metodologia", width: 300, sortable: true, dataIndex: 'fas_metodologia'},
    {header: "Descripcion", width: 200, sortable: true, dataIndex: 'fas_descripcion'}
  ],
  tbar: [
  {
    text: 'Eliminar',
    iconCls: 'silk-delete',
  // handler: onDelete
  },'-', 
  {
    text: 'Actualizar',
    iconCls: 'silk-delete',
    // handler: onDelete
  }, '-'],
  //sm: mySeleccion,
  bbar: pagerFases,
  stripeRows: true,
  height: 250,
  width:600  
});

gridFases.on('rowdblclick',this.editarFase);



var pagerActividad = new Ext.PagingToolbar({
  store: actividad, // <--grid and PagingToolbar using same store
  displayInfo: true,
  displayMsg: '{0} - {1} of {2} Usuarios',
  emptyMsg: 'No hay registros',
  pageSize: 5
})

var gridActividad = new Ext.grid.GridPanel({
  title: 'Actividad',
  store: actividad,
  //renderTo:'frame',
  columns:[
    new Ext.grid.RowNumberer(),//coloca el numero a la grilla
    //mySeleccion,
    {id:'nombre', header:"Nombre", whidth:160, sortable:true, dataIndex:'act_nombreactividad'},
    {header: "Fase", width: 160, sortable: true, dataIndex: 'fase_combo'},
    {header: "Metodologia", width: 200, sortable: true, dataIndex: 'act_metodologia'},
    {header: "Descripcion", width: 200, sortable: true, dataIndex: 'act_descripcion'}
  ],
  tbar: [
  {
    text: 'Eliminar',
    iconCls: 'silk-delete',
    // handler: onDelete
  },'-', 
  {
    text: 'Actualizar',
    iconCls: 'silk-delete',
    // handler: onDelete
  }, '-'],
  //sm: mySeleccion,
  bbar: pagerActividad,
  stripeRows: true,
  height: 250,
  width:600  
});

gridActividad.on('rowdblclick',this.editarActividades);
//Grilla para Actividad


var pagerArtefacto = new Ext.PagingToolbar({
  store: artefactos, // <--grid and PagingToolbar using same store
  displayInfo: true,
  displayMsg: '{0} - {1} of {2} Usuarios',
  emptyMsg: 'No hay registros',
  pageSize: 5
})  

var gridArtefacto = new Ext.grid.GridPanel({
  title: 'Artefacto',
  store: artefactos,
  //renderTo:'frame',
  columns:[
  new Ext.grid.RowNumberer(),//coloca el numero a la grilla
  //mySeleccion,
  {id:'nombre', header:"Nombre", whidth:160, sortable:true, dataIndex:'art_nombreartefacto'},
  {header: "Actividad", width: 160, sortable: true, dataIndex: 'actividad_combo'},
  {header: "Metodologia", width: 200, sortable: true, dataIndex: 'art_metodologia'},
  {header: "Descripcion", width: 200, sortable: true, dataIndex: 'art_descripcion'}
  ],
  tbar: [ {
  text: 'Eliminar',
  iconCls: 'silk-delete',
  // handler: onDelete
  },'-', {
  text: 'Actualizar',
  iconCls: 'silk-delete',
  // handler: onDelete
  }, '-'],
  //sm: mySeleccion,
  bbar: pagerArtefacto,
  stripeRows: true,
  height: 250,
  width:600  
});

gridArtefacto.on('rowdblclick',this.editarArtefactos);


//Grillas para consulta 
function formatDate(value){
return value ? value.dateFormat('M d, Y') : '';
}

var fm = Ext.form;

var datos7 = [
['didacticas','05/05/2010'],
['didacticas','05/05/2010'],
['didacticas','05/05/2010'],
['didacticasdddddd','05/05/2010']
];		
/*
var consultaFases= new Ext.data.ArrayStore({
fields:[
{name: 'nombre', type: 'string'},
{name: 'fecha', mapping: 'availability', type: 'date', dateFormat: 'm/d/Y'}
]
});

consultaFases.loadData(datos7);*/
/*
var consultaFases = new Ext.data.JsonStore({  
// url: '../controlador/jsonData.php',  	
url: '../controlador/inicio.php', 
baseParams: {accion:'consultarConfiguracionCursosFases'},
root: 'data',  
fields: ['cfc_curso','fas_nombrefase','cfc_roles',
{name: 'cfc_fechaentrega', mapping: 'availability', type: 'date', dateFormat: 'm/d/Y'}
]  
}); 
consultaFases.load();	

var consultaArtefacto = new Ext.data.JsonStore({  
// url: '../controlador/jsonData.php',  	
url: '../controlador/inicio.php', 
baseParams: {accion:'consultarConfiguracionCursosArtefactos'},
root: 'data',  
fields: ['cfc_curso','art_nombreartefacto','cfc_roles',
{name: 'cfc_fechaentrega', mapping: 'availability', type: 'date', dateFormat: 'm/d/Y'}
]  
}); 
consultaArtefacto.load();



var consultaActividad = new Ext.data.JsonStore({  
// url: '../controlador/jsonData.php',  	
url: '../controlador/inicio.php', 
baseParams: {accion:'consultarConfiguracionCursosActividades'},
root: 'data',  
fields: ['cfc_curso','act_nombreactividad','cfc_roles',
{name: 'cfc_fechaentrega', mapping: 'availability', type: 'date', dateFormat: 'm/d/Y'}
]  
}); 
consultaActividad.load();
*/
var pagerconsultaGridFases = new Ext.PagingToolbar({
  store: consultaFases, // <--grid and PagingToolbar using same store
  displayInfo: true,
  displayMsg: '{0} - {1} of {2} Usuarios',
  emptyMsg: 'No hay usuarios',
  pageSize: 5
})

var consultaGridFases = new Ext.grid.EditorGridPanel({
  title: 'Fases',
  store: consultaFases,
  //renderTo: 'editor-grid',
  clicksToEdit: 1,
  columns:[
    new Ext.grid.RowNumberer(),//coloca el numero a la grilla
    //mySeleccion,
    {id:'id-curso', header:"Curso", width:250, sortable:true, dataIndex:'cfc_curso'},
    {id:'id-nombreFases', header:"Nombre Fases", width:250, sortable:true, dataIndex:'fase_combo'},
    {id:'id-rolesFases', header:"Roles", width:250, sortable:true, dataIndex:'cfc_roles'},
    {
      header: "Fecha",
      dataIndex: 'cfc_fechaentrega',
      width: 150,
      renderer: formatDate,
      xtype: 'datecolumn', // use xtype instead of renderer
      //format: 'M/d/Y' // configuration property for {@link Ext.grid.DateColumn}
      editor: new fm.DateField({
        format: 'm/d/y',
        minValue: '01/01/06',
        disabledDays: [0, 6],
        disabledDaysText: 'Plants are not available on the weekends'
      })
    }
  ],
  //sm: mySeleccion,
  bbar: pagerconsultaGridFases,
  stripeRows: true,
  height: 300,
  width:680  
});
consultaGridFases.on('rowdblclick',this.editarConsultafases);


var pagerconsultaGridArtefacto = new Ext.PagingToolbar({
  store: consultaArtefacto, // <--grid and PagingToolbar using same store
  displayInfo: true,
  displayMsg: '{0} - {1} of {2} Usuarios',
  emptyMsg: 'No hay usuarios',
  pageSize: 5
});

var consultaGridArtefacto = new Ext.grid.EditorGridPanel({
  title: 'Artefacto',
  store: consultaArtefacto,
  //renderTo:'frame',
  columns:[
    new Ext.grid.RowNumberer(),//coloca el numero a la grilla
    //mySeleccion,
    {id:'id-curso', header:"Curso", width:250, sortable:true, dataIndex:'cfc_curso'},
    {id:'id-nombreArtefacto', header:"Nombre Artefacto", width:250, sortable:true, dataIndex:'artefacto_combo'},
    {id:'id-rolesArtefacto', header:"Roles", width:250, sortable:true, dataIndex:'cfc_roles'},
    {
      header: "Fecha",
      dataIndex: 'cfc_fechaentrega',
      width: 150,
      renderer: formatDate,
      xtype: 'datecolumn', // use xtype instead of renderer
      //format: 'M/d/Y' // configuration property for {@link Ext.grid.DateColumn}
      editor: new fm.DateField({
        format: 'm/d/y',
        minValue: '01/01/06',
        disabledDays: [0, 6],
        disabledDaysText: 'Plants are not available on the weekends'
        })
    }
  ],
  //sm: mySeleccion,
  bbar: pagerconsultaGridArtefacto,
  stripeRows: true,
  height: 300,
  width:680  
});	

consultaGridArtefacto.on('rowdblclick',this.editarConsultaArtefactos);

var pagerconsultaGridActividad = new Ext.PagingToolbar({
  store: consultaActividad, // <--grid and PagingToolbar using same store
  displayInfo: true,
  displayMsg: '{0} - {1} of {2} Usuarios',
  emptyMsg: 'No hay usuarios',
  pageSize: 5
});

var consultaGridActividad = new Ext.grid.EditorGridPanel({
  title: 'Artefacto',
  store: consultaActividad,
  //renderTo:'frame',
  columns:[
    new Ext.grid.RowNumberer(),//coloca el numero a la grilla
    {id:'id-curso', header:"Curso", width:250, sortable:true, dataIndex:'cfc_curso'},
    {id:'id-nombreFases', header:"Nombre Actividad", width:250, sortable:true, dataIndex:'actividad_combo'},
    {id:'id-rolesFases', header:"Roles", width:250, sortable:true, dataIndex:'cfc_roles'},
    {
      header: "Fecha",
      dataIndex: 'cfc_fechaentrega',
      width: 150,
      renderer: formatDate,
      xtype: 'datecolumn', // use xtype instead of renderer
      //format: 'M/d/Y' // configuration property for {@link Ext.grid.DateColumn}
      editor: new fm.DateField({
        format: 'm/d/y',
        minValue: '01/01/06',
        disabledDays: [0, 6],
        disabledDaysText: 'Plants are not available on the weekends'
    })
    }
  ],
  bbar: pagerconsultaGridActividad,
  stripeRows: true,
  height: 300,
  width:800 
});
consultaGridActividad.on('rowdblclick',this.editarConsultaActividad);

// Grilla para Cursos
var pagercursos = new Ext.PagingToolbar({
  store: curso, // <--grid and PagingToolbar using same store
  displayInfo: true,
  displayMsg: '{0} - {1} of {2} Usuarios',
  emptyMsg: 'No hay usuarios',
  pageSize: 5
});

var comboMetodologia = {  
xtype: 'combo',  
//typeAhead: true,
triggerAction : 'all',  
id:'metodologia_combo',
valueField:'met_nombre',
store: metodologia,
displayField:'met_nombre',
//listClass: 'x-combo-list-small'
}

var cursos = new Ext.grid.EditorGridPanel({
  title: 'Curso',
  store: curso,
  columns:[
  new Ext.grid.RowNumberer(),//coloca el numero a la grill
  {id: 'cur_idcurso',header: "Curso",dataIndex: 'cur_idcurso',width: 180,editor: new fm.TextField({allowBlank: false})},
  {id: 'cur_materia',header: "Materia",dataIndex: 'cur_materia',width: 180,editor: new fm.TextField({allowBlank: false})},
  {id: 'cur_metodologia',header: "Materia",dataIndex: 'cur_metodologia',width: 180,editor: comboMetodologia}
// cargar la informacion de un array estatico porque solo son dos metodologias XP y RUP
  /*,{
  header: 'Metodologia',
  dataIndex: 'met_nombre',
  width: 180,
  editor: new fm.ComboBox({
  typeAhead: true,
  triggerAction: 'all',
  //transform:'metodologia',
  lazyRender: true,
  listClass: 'x-combo-list-small'
  })
  }*/
  ],
  tbar: [{
  text: 'Agregar',
  iconCls: 'silk-add',
  /*handler: function(){

  //add a new row to the grid
  var position = cursos.getStore().getCount();
  //var position = 3;
  /*var id = Ext.id();
  var defaultData = {         //step 1
  newRecordId: id
  };
  var Curso = cursos.getStore().recordType; //step 2
  var curso = new Curso(defaultData,id); 
  cursos.stopEditing(); //step 3
  cursos.getStore().insert(position, curso); // step 4
  cursos.startEditing(position, 1); //step 5
  var nuevo=new curso((
  id: position
  + 1,
  cur_idcurso:'nuevoCurso',   
  cur_materia:'nombreMateria',
  cur_metodologia:'nombreMetodologia'
  ); );
  Edit cursos.stopEditing ();// stop
  cursos.insert (position, nuevo); / / inserted into the last line of
  cursos.startEditing (position, 1); / / start editing one cell
  }*/
  }, '-', {
  text: 'Eliminar',
  iconCls: 'silk-delete',
  // handler: onDelete
  },'-', {
  text: 'Actualizar',
  iconCls: 'silk-delete',
  // handler: onDelete
  }, '-'],	
  stripeRows: true,
  bbar: pagercursos,
  height: 200,
  width:600	
});

// Grilla para Grupos de trabajo
/*
var gruposTrabajo = new Ext.data.JsonStore({  
// url: '../controlador/jsonData.php',  	
url: '../controlador/inicio.php', 
baseParams: {accion:'consultarGrupo'},
root: 'data',  title: 'Grupos de Trabajo',
store: gruposTrabajo,
columns:[
new Ext.grid.RowNumberer(),//coloca el numero a la grill
{
id: 'grupo',
header: "Grupo",
dataIndex: 'grt_nombregrupotrabajo',
width: 180,
// use shorthand alias defined above
editor: new fm.TextField({
allowBlank: false
})
} //QUIERO HACER UN COMBO SELECT Y NO PUEDO :s :s
,{
header: 'Cursos',
dataIndex: 'grt_curso',
width: 180,
editor: new fm.TextField({
allowBlank: false
})/*new fm.ComboBox({
typeAhead: true,
triggerAction: 'all',
//transform:'metodologia',
lazyRender: true,
listClass: 'x-combo-list-small'
})
},
{
id: 'notaDefinitiva',
header: "Nota Definitiva",
dataIndex: 'grt_notadefinitiva',
width: 180,
// use shorthand alias defined above
editor: new fm.TextField({
allowBlank: false
})
}
],
tbar: [{
text: 'Agregar',
iconCtitle: 'Grupos de Trabajo',
store: gruposTrabajo,
columns:[
new Ext.grid.RowNumberer(),//coloca el numero a la grill
{
id: 'grupo',
header: "Grupo",
dataIndex: 'grt_nombregrupotrabajo',
width: 180,
// use shorthand alias defined above
editor: new fm.TextField({
allowBlank: false
})
} //QUIERO HACER UN COMBO SELECT Y NO PUEDO :s :s
,{
header: 'Cursos',
dataIndex: 'grt_curso',
width: 180,
editor: new fm.TextField({
allowBlank: false
})/*new fm.ComboBox({
typeAhead: true,
triggerAction: 'all',
//transform:'metodologia',
lazyRender: true,
listClass: 'x-combo-list-small'
})
},
{
id: 'notaDefinitiva',
header: "Nota Definitiva",
dataIndex: 'grt_notadefinitiva',
width: 180,
// use shorthand alias defined above
editor: new fm.TextField({
allowBlank: false
})
}
],
tbar: [{
text: 'Agregar',
iconCls: 'silk-add',
/* handler :/* function(){
//                 // access the Record constructor through the grid's store
//                                 var Nuevo = grid.getStore().recordType;
//                                 var dato = new Nuevo({
//                                     grt_nombregrupotrabajo: 'New Plant 1',
//                                     grt_curso: 'Mostly Shade',
//                                     grt_notadefinitiva: 3.3,
//                                 gruposTrabajo.stopEditing();
//                                 gruposTrabajo.insert(0, dato);
//                                 gruposTrabajo.startEditing(0, 0);
}, '-', {
text: 'Eliminar',
iconCls: 'silk-delete',
// handler: onDelete
},'-', {
text: 'Actualizar',
iconCls: 'silk-delete',
// handler: onDelete
}, '-'],        
stripeRows: true,
height: 200,
width:600ls: 'silk-add',
/* handler :/* function(){
//                 // access the Record constructor through the grid's store
//                                 var Nuevo = grid.getStore().recordType;
//                                 var dato = new Nuevo({
//                                     grt_nombregrupotrabajo: 'New Plant 1',
//                                     grt_curso: 'Mostly Shade',
//                                     grt_notadefinitiva: 3.3,
//                                 gruposTrabajo.stopEditing();
//                                 gruposTrabajo.insert(0, dato);
//                                 gruposTrabajo.startEditing(0, 0);
}, '-', {
text: 'Eliminar',
iconCls: 'silk-delete',
// handler: onDelete
},'-', {
text: 'Actualizar',
iconCls: 'silk-delete',
// handler: onDelete
}, '-'],        
stripeRows: true,
height: 200,
width:600
fields: ['grt_idgrupotrabajo', 'grt_nombregrupotrabajo', 'grt_curso','grt_notadefinitiva']  
}); 

gruposTrabajo.load();
*/
var pagergruposTrabajo = new Ext.PagingToolbar({
  store: gruposTrabajo, // <--grid and PagingToolbar using same store
  displayInfo: true,
  displayMsg: '{0} - {1} of {2} Usuarios',
  emptyMsg: 'No hay usuarios',
  pageSize: 5
});	

var gruposTrabajo = new Ext.grid.EditorGridPanel({
  title: 'Grupos de Trabajo',
  store: gruposTrabajo,
  columns:[
  new Ext.grid.RowNumberer(),//coloca el numero a la grill
  {
  id: 'grupo',
  header: "Grupo",
  dataIndex: 'grt_nombregrupotrabajo',
  width: 180,
  // use shorthand alias defined above
  editor: new fm.TextField({
  allowBlank: false
  })
  } //QUIERO HACER UN COMBO SELECT Y NO PUEDO :s :s
  ,{
  header: 'Cursos',
  dataIndex: 'grt_curso',
  width: 180,
  editor: new fm.TextField({
  allowBlank: false
  })/*new fm.ComboBox({
  typeAhead: true,
  triggerAction: 'all',
  //transform:'metodologia',
  lazyRender: true,
  listClass: 'x-combo-list-small'
  })*/
  },
  {
  id: 'notaDefinitiva',
  header: "Nota Definitiva",
  dataIndex: 'grt_notadefinitiva',
  width: 180,
  // use shorthand alias defined above
  editor: new fm.TextField({
  allowBlank: false
  })
  }
  ],
  tbar: [{
  text: 'Agregar',
  iconCls: 'silk-add',
  /* handler :/* function(){
  //                 // access the Record constructor through the grid's store
  //                                 var Nuevo = grid.getStore().recordType;
  //                                 var dato = new Nuevo({
  //                                     grt_nombregrupotrabajo: 'New Plant 1',
  //                                     grt_curso: 'Mostly Shade',
  //                                     grt_notadefinitiva: 3.3,
  //                                 gruposTrabajo.stopEditing();
  //                                 gruposTrabajo.insert(0, dato);
  //                                 gruposTrabajo.startEditing(0, 0);*/
  }, '-', {
  text: 'Eliminar',
  iconCls: 'silk-delete',
  // handler: onDelete
  },'-', {
  text: 'Actualizar',
  iconCls: 'silk-delete',
  // handler: onDelete
  }, '-'],	
  bbar: pagergruposTrabajo,
  stripeRows: true,
  height: 200,
  width:600	
});


